<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>demo08表单控件</title>
</head>
<body>
<!---->
<form action="#">
    用户名： <input type="text" name="username" placeholder="请输入用户名" maxlength="6" value="tom" readonly>
    <br>
    密码： <input type="password" name="password" placeholder="请输入密码">
    <br>
    性别： <input type="radio" name="gender" value="1"> 男
          <input type="radio" name="gender" value="0"> 女
    <br>
    爱好： <input type="checkbox" name="hobby" value="sing"> 唱歌
          <input type="checkbox" name="hobby" value="dance"> 跳舞
          <input type="checkbox" name="hobby" value="singAndDance"> 唱歌跳舞
    <br>
    头像： <input type="file" name="picture"></input>
    <br>
    生日： <input type="date" name="birthday">
    <br>
    幸运色： <input type="color" name="color"></input>
    <br>
    缩放： <input type="range" name="range" min="0" max="100" step="10"></input>
    <br>
    留言板： <textarea name="message" cols="30" rows="10"></textarea>
    <br>
    <input type="checkbox" name="box" id="agree">
        <label for="agree">我已阅读并同意《用户协议》</label>
    <br>
<!--    选择框-->
    最喜欢的城市
    <select name="city">
        <option value="dl">大理</option>
        <option value="lj">丽江</option>
        <option value="km">昆明</option>
    </select>

    <br>
    <input type="submit" value="登录">
    <input type="reset" value="重置">
    <input type="button" value="普通按钮"></input>
    <button onclick="alert('哈哈哈')" >按钮</button>
</form>

</body>
</html>